﻿<div class="container-fluid navbar-fixed-top top-bar">
    <div class="container-title">
        <div class="container-title-back" ng-click="back()"></div>
        <div class="container-title-main">公积金查询</div>
    </div>
</div>
<div class="clear50"></div>
<div class="qycx">
    <div class="nav-class">
        <div class="container-fluid">
            <table class="table">
                <tbody>
                    <tr>
                        <td><a class="active" id="f_left">身份证号</a></td>
                        <td><a id="f_right">个人公积金账号</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="page1">
    <div class="container-fluid">
        <div class="list-input">
            <input type="text" placeholder="请输入身份证号" ng-model="cardnumber">
        </div>

        <div class="list-input">
            <input type="password" placeholder="请输入个人公积金查询密码" ng-model="gjjpwd1" maxlength="6">
        </div>
    </div>
</div>
<div class="page2" style="display:none;">
    <div class="container-fluid">
        <div class="list-input">
            <input type="text" placeholder="请输入个人公积金帐号" ng-model="zhnumber">
        </div>

        <div class="list-input">
            <input type="password" placeholder="请输入个人公积金查询密码" ng-model="gjjpwd2" maxlength="6">
        </div>
    </div>
</div>

<div class="container-fluid fixbottom">
    <button type="button" class="btn btn-default btn-block" ng-click="query()">查 询</button>
</div>
<!--<script src="Scripts/js/main.js"></script>-->
<script>
    $(".qycx .table a").click(function () {
        $(".qycx .table a").removeClass("active");
        $(this).addClass("active");
    })
    $("#f_right").click(function () {
        $(".page2").show()
        $(".page1").hide();
    })
    $("#f_left").click(function () {
        $(".page1").show();
        $(".page2").hide();
    })
</script>